﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>前端框架使用手册</title>
<link rel="stylesheet" href="../Content/css/bootstrap.min.css" />
<link rel="stylesheet" href="../Content/css/font-awesome.min.css" />
<link rel="stylesheet" href="../Content/css/mycss.css" />
<style type="text/css">
	.haed{height: 40px; background: #0044CC; color: #FFF2E9; position: absolute; z-index: 111 ; width: 100%;}
	#main_left{ position: absolute; background: #efefef; width: 20%; height: 100%; top:0; z-index: 11; }
	.main-right{padding-top:40px;height: 100%; top: 0; overflow: hidden; position: absolute; width: 80%; left: 20%; }
	#mainFrame{height: 100%; position: absolute; width:100%;}
	html,body,.main{height: 100%;}
</style>
</head>

<body >
<div class="haed">
    <h4 class="pull-left sys-name">前端使用手册</h4>
</div>

<div class="main">
	<!-- menu strat -->
    <div id="main_left" " class="main-left pull-left">
        <div class="menu-title">
            <span>功能菜单</span> 
            <div class="menu-collapse" id="menu-collapse" data-open="open"><i class="icon-double-angle-left"></i></div>
        </div>
    	
        <ul class="mymenu" id="mymenu">
            <li class="active">
                <a href="#">
                    <i class="glyphicon glyphicon-th-large"></i>
                    <span>布局</span>
                </a>
                <ul class="submenu">
                    <li>
                        <a href="简要说明/Frame_Layout.html " target="mainFrame">        
                            <span>框架布局</span>
                        </a>
                    </li>
                    <li>
                        <a href="简要说明/Form_Layout.html " target="mainFrame">        
                            <span>表单布局</span>
                        </a>
                    </li>
                    <li>
                    	<a href="简要说明/Page_Layout.html " target="mainFrame">        
                            <span>页面布局</span>
                        </a>
                    </li>
                    <li>
                    	<a href="简要说明/Layout.html " target="mainFrame">        
                            <span>其他布局</span>
                        </a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#">
                    <i class="glyphicon glyphicon-th-large"></i>
                    <span>UI控件</span>
                </a>
                <ul class="submenu">
                    <li>
                        <a href="简要说明/Form_UI.html " target="mainFrame">        
                            <span>表单控件</span>
                        </a>
                    </li>
                    <li>
                        <a href="简要说明/高级查询UI.html " target="mainFrame">        
                            <span>高级搜索UI</span>
                        </a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="简要说明/table.html " target="mainFrame">
                    <i class="glyphicon glyphicon-th-large"></i>
                    <span>表格</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="glyphicon glyphicon-th-large"></i>
                    <span>按钮</span>
                </a>
                <ul class="submenu">
                    <li>
                        <a href="简要说明/button.html" target="mainFrame">        
                            <span>按钮</span>
                        </a>
                    </li>
                    <li>
                        <a href="简要说明/buttons.html" target="mainFrame">                  
                            <span>按钮统计</span>
                        </a>
                    </li>
                </ul>
            </li>
            
            <li>
                <a href="#">
                    <i class="glyphicon glyphicon-th-large"></i>
                    <span>插件</span>
                </a>
                <ul class="submenu">
                    <li>
                        <a href="简要说明/formValidator.html" target="mainFrame">        
                            <span>验证控件</span>
                        </a>
                    </li>
                    <li>
                        <a href="简要说明/Tree.html" target="mainFrame">                  
                            <span>树控件</span>
                        </a>
                    </li>
                    <li>
                        <a href="简要说明/Datepicker.html" target="mainFrame">                  
                            <span>日期控件</span>
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <!-- menu end -->
    <!-- 正文 strat -->
    
    <div class="main-right" id="main-right">
    	
<!-- 正文 写在此处 -->
    <iframe id="mainFrame" name="mainFrame" marginwidth="0" marginheight="0" src="简要说明/Layout.html" frameborder="0" ></iframe>
		


        
    </div>
</div>

<script src="../Scripts/jquery.min.js"></script>
<script src="../Scripts/bootstrap.min.js"></script>
<script src="../Scripts/my.js"></script>

<script type="text/javascript"> 

</script> 
</body>
</html>
